@charset "utf-8";
body{
    background-color: #F3F3F3;
}
header{
    height: 10rem;
    width: 100%;
    background-color: #DD3E34;
}
header .top{
    height: 2.55rem;
    line-height: 2.55rem;
    color:#FFFFFF;
    margin-bottom: .55rem;
}
header .top .p1{
    font-size: .85rem;
    margin-left: .75rem;
}
header .top .p2{
    font-size: .85rem;
    margin-left: 5rem; 
}
header .top .p1 a{
    color:#FFFFFF;
}
header .bottom{
    height: 4rem;
}
header .bottom .img{
    width: 4rem;
    height: 4rem;
    margin-left: .95rem;
}
header .bottom .img img{
    width: 100%;
    height: 100%;
}
header .bottom p{
    font-size: .85rem;
    color: #FFFFFF;
    line-height: 4rem;
    margin-left: .75rem;
    font-weight: 500;
}
.content{
    width: 90%;
    height: 4.5rem;
    background-color: #FFFFFF;
    margin-left: 5%;
    margin-top: -1.75rem;
    border-radius: 10px;
}
.content ul{
    display: flex;
}
.content ul li{
    width: 2.75rem;
    flex:1;
    margin-top: .875rem;
}
.content ul li .p1{
    font-size: 1.05rem;
    color:#DD3E34;
    text-align: center;
    font-weight: 600;
}
.content ul li .p2{
    text-align: center;
}
.content ul li a{
    font-size: .75rem;
    color:#333333;
    text-align: center;
}
.content2{
    width: 90%;
    height: 14rem;
    background-color: #FFFFFF;
    margin-left: 5%;
    border-radius: 10px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .65rem;
    padding-right: .65rem;
    box-sizing: border-box;
}
.content2 ul li{
    height: 2.75rem;
    border-bottom: 2px solid #EBEBEB;
}
.content2 ul li:nth-child(5){
    border-bottom: none;
}
.content2 ul li span{
    font-size: 1.45rem;
    color:#553D33;
    line-height: 2.75rem;
    margin-left: .3rem;
}
.content2 ul li p{
    font-size: .75rem;
    color:#333333;
    line-height: 2.75rem;
    margin-left: .6rem;
}
.content2 ul li em{
    font-size: .75rem;
    color:#999999;
    line-height: 2.75rem;
    margin-right: .55rem;
}
.content2 ul li a p:hover{
    color:#DD3E34;
}
.content3{
    width: 90%;
    height: 5.25rem;
    margin-left: 5%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding-left: .65rem;
    padding-right: .65rem;
    box-sizing: border-box;
}
.content3 ul li{
    height: 2.6rem;
    border-bottom: 2px solid #EBEBEB;
}
.content3 ul li:nth-child(2){
    border-bottom: none;
}
.content3 ul li span{
    font-size: 1.45rem;
    color:#553D33;
    line-height: 2.6rem;
    margin-left: .3rem;
}
.content3 ul li p{
    font-size: .75rem;
    color:#333333;
    line-height: 2.6rem;
    margin-left: .6rem;
}
.content3 ul li em{
    font-size: .75rem;
    color:#999999;
    line-height: 2.6rem;
    margin-right: .55rem;
}
.content3 ul li a p:hover{
    color:#DD3E34;
}
footer ul{
    display: flex;
}
footer ul li{
    flex: 1;
    text-align: center; 
}
footer ul li a{
    color:#666666;
}
footer ul li a:hover{
    color:#DD3E34;
}
footer ul li .p1{
    font-size: .9rem;
    margin-top: .4rem;
}
footer ul li .p2{
    font-size: .65rem;
    margin-top: .125rem;
} 
footer ul li .active{
    color:#DD3E34;
}